<template>
  <div id="app_huang">
      <div class="tishi">
        {{msg}}
      </div>
      <div class="showMoneAll" style="width:9.361111rem;margin:0.35185rem auto;position: relative;">
            <img src="/static/image/bang.jpg" data-original="/static/image/bang.jpg" style="width: 100%;height: 100%;">
            <div class="mb_s">
                <p class="mb_yuan" style="text-align: left;margin-left: 0.416667rem;">已提现金额累计：￥{{money.totalSubmitValue || 0}}</p>
                <div class="mb_money">
                    <p style="font-size: 0.388889rem;color: #fff;margin-top: 0.444444rem;">可提现金额（元）</p>
                    <strong style="font-size: 0.925926rem;color: #fff;">￥{{money.totalValue || 0}}</strong>
                </div>
                <a class="weui-btn tixian-btn" style="width:2.824074rem;height: 0.925926rem;margin: 0 auto;line-height: 0.925926rem;background-color: #fff;color:#6978f1;">提现</a>
            </div>
        </div>
        <router-link to="/syRecord" class="weui-flex shouyi_jilu" style="border-radius: 0.138889rem;margin-top: 0.324074rem;">
            <div class="weui-flex__item">
                <div class="placeholder flex-dire-row" style="justify-content: space-between;">
                    <div class="flex-dire-row" style="align-items: center;">
                        <img src="/static/image/zu.png" style="width: 0.555556rem;height: auto;margin-left: 0.555556rem;">
                        <span style="font-size: 0.388889rem;margin-left: 0.185185rem;color: #666666;">收益记录</span>
                    </div>

                    <div class="flex-dire-row" style="text-align: right;align-items: center;margin-left:0.462963rem;">
                        <img src="/static/image/right.png" style="width: 0.694444rem;height: 0.694444rem;">
                    </div>
                </div>
            </div>
        </router-link>
        <router-link to="/txRecord" class="weui-flex shouyi_jilu" style="border-radius: 0.138889rem;margin-top: 0.324074rem;">
            <div class="weui-flex__item">
                <div class="placeholder flex-dire-row" style="justify-content: space-between;">
                    <div class="flex-dire-row" style="align-items: center;">
                        <img src="/static/image/tx_jl.png" style="width: 0.555556rem;height: auto;margin-left: 0.555556rem;">
                        <span style="font-size: 0.388889rem;margin-left: 0.185185rem;color: #666666;">提现记录</span>
                    </div>
                    <div class="flex-dire-row" style="text-align: right;align-items: center;margin-left:0.462963rem;">
                        <img src="/static/image/right.png" style="width: 0.694444rem;height: 0.694444rem;">
                    </div>
                </div>
            </div>
        </router-link>
        <router-link to="/jiazuList" class="weui-flex shouyi_jilu" style="border-radius: 0.138889rem;margin-top: 0.324074rem;">
            <div class="weui-flex__item">
                <div class="placeholder flex-dire-row" style="justify-content: space-between;">
                    <div class="flex-dire-row" style="align-items: center;">
                        <img src="/static/image/jz_xg.png" style="width: 0.555556rem;height: auto;margin-left: 0.555556rem;">
                        <span style="font-size: 0.388889rem;margin-left: 0.185185rem;color: #666666;">家族相关</span>
                    </div>
                    <div class="flex-dire-row" style="text-align: right;align-items: center;margin-left:0.462963rem;">
                        <img src="/static/image/right.png" style="width: 0.694444rem;height: 0.694444rem;">
                    </div>
                </div>
            </div>
        </router-link>
  </div>
</template>

<script>
import getRequests from '../assets/js/common';
export default {
  data () {
    return {
      name:'JinEr',
      msg: '月结提现可在每月27号至当月最后一天申请，无额度限制',
      money:{}
    }
  },
  mounted () {
    let that = this;
    console.log(getRequests);
			that.https.get(getRequests.getRequests.getBalance,{
      }).then(res => {
        console.log(res);

        // this.data.money = res.data;
        that.money = res.data;
			})
		}
}

</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
    #app_huang {
            margin: 0 auto;
            width: 10rem;
            position: relative;
        }
        .tishi{
            width: 10.0rem;
            height: 0.740741rem;
            line-height: 0.740741rem;
            background-color: #6888f2;
            text-align: center;
            font-size: 0.277778rem;
            color: #fff;
        }
        .mb_s {
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            text-align: center;
        }
        
        .mb_s .mb_yuan {
            font-size: 0.3888889rem;
            color: #fff;
            margin-top: 0.277778rem;
        }
        
        .mb_s .mb_money {
            margin-top: 0.277778rem;
        }
        
        #app_huang .shouyi_jilu {
            display: block;
            width: 9.361111rem;
            height: 1.407407rem;
            line-height: 1.407407rem;
            margin: 0 auto;
            background-color: #fff;
            border-radius: 0.092593rem;
        }
</style>
